When we nest content inside a JSX tag, the parent component will receive that content in a prop called children. For example, the Card component below will receive a children prop set to <Avatar /> and render it in a wrapper div:
children prop is a special prop that allows you to pass components or elements as children to another component.
It allows you to pass elements, components, or plain text as children to a parent component.